<template>
  <div>
    <!-- 组件展示  -->
    <transition :name="'vux-pop-' + (direction === 'forward' ? 'in' : 'out')">
      <router-view class="transitionBody"></router-view>
    </transition>
  </div>
</template>
<script>
import { mapState, mapActions } from 'vuex'
export default {
  computed: mapState({
    direction: state => state.mutations.direction,
  }),
}
</script>
<style scoped>
.transitionBody {
  width: 100%;
  animation-duration: 0.4s;
  animation-fill-mode: both;
  backface-visibility: hidden;
  padding-top: 46px;
}
</style>